﻿<!DOCTYPE html>
<html lang="en">
<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title></title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!-- Font Awesome Icons -->
    <link href="fonts/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <!-- PE Icon 7 Stoke -->
    <link href="fonts/pe-icon-7-stroke/css/pe-icon-7-stroke.css" rel="stylesheet">
    <link href="fonts/pe-icon-7-stroke/css/helper.css" rel="stylesheet">
    <!-- PE Icon Social -->
    <link href="fonts/pe-icon-social/css/pe-icon-social.css" rel="stylesheet">
    <link href="fonts/pe-icon-social/css/helper.css" rel="stylesheet">
    <!-- Quicksand Dash -->
    <link href="fonts/quicksand-dash/stylesheet.css" rel="stylesheet">
    <!-- Owl Carousel -->
    <link href="css/owl.carousel.css" rel="stylesheet">
    <link href="css/owl.theme.default.css" rel="stylesheet">
    <!-- Sweet Alert -->
    <link href="css/sweetalert.css" rel="stylesheet">
    <!-- Animate -->
    <link href="css/animate.min.css" rel="stylesheet">
    <!-- Nivo Lightbox -->
    <link href="scripts/Nivo-Lightbox/nivo-lightbox.css" rel="stylesheet">
    <link href="scripts/Nivo-Lightbox/themes/default/default.css" rel="stylesheet">
    <!-- NoUISlider -->
    <link href="css/jquery.nouislider.min.css" rel="stylesheet">
    <!-- Style.css -->
    <link href="css/style.css" rel="stylesheet">

    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!--<link href="css/main.css" rel="stylesheet">-->

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<header class="header clearfix">
    <div class="left">
        <div class="logo"><a href="index"><img src="images/logo.png" alt="ExploreCity" class="img-responsive"></a>
        </div> <!-- end .logo -->
        <!--<form class="header-search">
            <input type="text" placeholder="I’m searching for ...">
            <button type="submit"><i class="pe-7s-search"></i></button>
        </form>-->
    </div> <!-- end .left -->
    <div class="navigation clearfix">
        <nav class="main-nav">
            <ul class="list-unstyled">
                <!--	<li class="menu-item-has-children">
                        <a href="list.html">Explore</a>
                        <ul>
                            <li><a href="list.html">All Listings</a></li>
                            <li class="menu-item-has-children">
                                <a href="list.html">Food & Drink<i class="pe-7s-right-arrow"></i></a>
                                <ul>
                                    <li><a href="list.html">Cafe’</a></li>
                                    <li><a href="list.html">Restaurant</a></li>
                                    <li><a href="list.html">Pizza Place</a></li>
                                </ul>
                            </li>
                            <li><a href="list.html">Entertainment</a></li>
                            <li><a href="list.html">Nightlife</a></li>
                        </ul>
                    </li>-->
                <!--<li class="menu-item-has-children">
                    <a href="index.html">Pages</a>
                    <ul>
                        <li><a href="#">How It Works</a></li>
                        <li><a href="#">Add Listing</a></li>
                        <li><a href="#">Add Your Listing</a></li>
                        <li><a href="list.html">List</a></li>
                        <li><a href="#">List Detail</a></li>
                        <li class="menu-item-has-children">
                            <a href="#">Dashboard<i class="pe-7s-right-arrow"></i></a>
                            <ul>
                                <li><a href="#">Dashboard</a></li>
                                <li><a href="#">My Listings</a></li>
                                <li><a href="#">My Wishlist</a></li>
                                <li><a href="#">Edit Profile</a></li>
                            </ul>
                        </li>
                        <li><a href="#">Maintenance</a></li>
                        <li><a href="#">Coming Soon</a></li>
                        <li><a href="#">404</a></li>
                    </ul>
                </li>-->
                <li><a href="index" style="font-weight: bold;font-size: 18px;font-family: 'MS Gothic'">首页</a></li>
                <li>
                    <a href="member"
                       style="font-weight: bold;font-size: 18px;color: #4cae4c;font-family: 'MS Gothic'">会员专区</a>
                    <!--<ul>
                        <li><a href="blog.html">查找会员</a></li>
                        &lt;!&ndash;<li><a href="#">Blog Post</a></li>
                        <li><a href="#">Blog Post Video</a></li>
                        <li><a href="#">Blog Post Gallery</a></li>
                        <li><a href="#">Blog Post Quote</a></li>&ndash;&gt;
                    </ul>-->
                </li>
            </ul>
        </nav> <!-- end .main-nav -->
        <a href="" class="responsive-menu-open"><i class="fa fa-bars"></i></a>
        <a href="" class="cart-button">
            <i class="icon-shopping-basket"></i>
            <span>0</span>
        </a>
    </div> <!-- end .navigation -->
    <div class="right">
        <a href="" class="login-open"><img src="images/login.png" alt="login" class="img-responsive"></a>
    </div> <!-- end .left -->
</header> <!-- end .header -->
<div class="responsive-menu">
    <a href="" class="responsive-menu-close"><i class="fa fa-times"></i></a>
    <nav class="responsive-nav"></nav> <!-- end .responsive-nav -->
</div> <!-- end .responsive-menu -->

<!--	<div class="page-header">
        <div class="container">
            <div class="breadcrumbs">
                <ul class="list-unstyled">
                    <li><a href="index.html">Home</a></li>
                    <li>Shop</li>
                </ul>
            </div> &lt;!&ndash; end .breadcrumbs &ndash;&gt;
        </div> &lt;!&ndash; end .container &ndash;&gt;
    </div> &lt;!&ndash; end .page-header &ndash;&gt;-->

<div class="page-title" style="background-image: url('images/bj001.png');">
    <div class="inner">
        <h2 style="font-family: 'MS Gothic'">茫茫人海中</h2>
        <p><strong>找到你的Ta</strong></p>
    </div> <!-- end .inner -->
</div> <!-- end .page-title -->

<div class="section boxed-section light">
    <div class="inner">
        <div class="container">
            <div class="box transparent">
                <div class="row">
                    <div class="col-md-4">
                        <div class="shop-sidebar">
                            <div class="sidebar-widget">
                                <!--<h5>Search</h5>-->
                                <form class="searchform">
                                    <input type="text" placeholder="关键字">
                                    <button><i class="pe-7s-search"></i></button>
                                </form>
                            </div> <!-- end .sidebar-widget -->
                            <form class="form-inline">
                                <div class="sidebar-widget row">
                                    <div data-toggle="distpicker">
                                        <div class="form-group col-md-4">
                                            <!--<label class="sr-only" for="province1">Province</label>-->
                                            <select id="province1"></select>
                                        </div>
                                        <div class="form-group col-md-4">
                                            <!--<label class="sr-only" for="city1">City</label>-->
                                            <select id="city1"></select>
                                        </div>
                                        <div class="form-group col-md-4">
                                            <!--<label class="sr-only" for="city1">City</label>-->
                                            <select id="district1"></select>
                                        </div>
                                    </div>
                                </div>
                            </form>
                            <!--<div class="sidebar-widget">
                                <h5>Product Categories</h5>
                                <div class="categories">
                                    <a href="" class="active">All<i class="pe-7s-right-arrow"></i></a>
                                    <a href="">Food & Drink<i class="pe-7s-right-arrow"></i></a>
                                    <a href="">Entertainment<i class="pe-7s-right-arrow"></i></a>
                                    <a href="">Hotel<i class="pe-7s-right-arrow"></i></a>
                                    <a href="">Outdoor<i class="pe-7s-right-arrow"></i></a>
                                    <a href="">Nightlife<i class="pe-7s-right-arrow"></i></a>
                                    <a href="">Visit<i class="pe-7s-right-arrow"></i></a>
                                    <a href="">Shop<i class="pe-7s-right-arrow"></i></a>
                                </div>
                            </div> &lt;!&ndash; end .sidebar-widget &ndash;&gt;-->
                            <div class="sidebar-widget text-center">
                                <!--<h5>Filter By Price</h5>-->
                                <div class="price-slider">
                                    <div id="price-slider"></div>
                                </div>
                                <div class="price-slider-value" style="font-family: 'MS Gothic'"><strong>年龄:<span
                                        class="price"><span id="price-min"></span></span>—<span class="price"><span
                                        id="price-max"></span></span></strong></div>
                                <a href="" class="button">搜索</a>
                            </div> <!-- end .sidebar-widget -->
                            <div class="sidebar-widget">
                                <h5 style="font-family: 'MS Gothic'"><strong>谁看过我</strong></h5>
                                <div class="featured-product clearfix" style="width: 100%">
                                    <a href=""><img src="images/featured-product01.jpg" alt="image"
                                                    style="height: 133px;width: 133px"></a>
                                    <div class="content">
                                        <p class="title"><a href=""
                                                            style="font-family: 'MS Gothic'"><strong>范冰冰</strong></a>
                                        </p>
                                        <p style="font-family: 'MS Gothic'"><strong>24岁 <span>上海</span></strong></p>
                                        <!--<p class="price">9</p>-->
                                    </div> <!-- end .content -->
                                </div> <!-- end .featured-product -->
                                <div class="featured-product clearfix" style="width: 100%">
                                    <a href=""><img src="images/background01.jpg" alt="image"
                                                    style="height: 133px;width: 133px"></a>
                                    <div class="content">
                                        <p class="title"><a href=""
                                                            style="font-family: 'MS Gothic'"><strong>范冰冰</strong></a>
                                        </p>
                                        <p style="font-family: 'MS Gothic'"><strong>24岁 <span>上海</span></strong></p>
                                        <!--<p class="price">9</p>-->
                                    </div> <!-- end .content -->
                                </div> <!-- end .featured-product -->
                                <div class="featured-product clearfix" style="width: 100%">
                                    <a href=""><img src="images/zhou.jpg" alt="image"
                                                    style="height: 133px;width: 133px"></a>
                                    <div class="content">
                                        <p class="title"><a href=""
                                                            style="font-family: 'MS Gothic'"><strong>范冰冰</strong></a>
                                        </p>
                                        <p style="font-family: 'MS Gothic'"><strong>24岁 <span>上海</span></strong></p>
                                        <!--<p class="price">9</p>-->
                                    </div> <!-- end .content -->
                                </div> <!-- end .featured-product -->
                            </div> <!-- end .sidebar-widget -->
                        </div> <!-- end .shop-sidebar -->
                    </div> <!-- end .col-md-4 -->
                    <div class="col-md-8">
                        <div class="row products">
                            <div class="col-sm-4">
                                <div class="product">
                                    <img src="images/zhou.jpg" alt="image" class="img-responsive" style="height: 229px">
                                    <div class="overlay"></div>
                                    <div class="content">
                                        <h3 style="font-family: 'MS Gothic'"><a href=""></a><strong>孟东东</strong></h3>
                                        <p style="font-family: 'MS Gothic'"><strong>24岁 <span>上海</span></strong></p>
                                    </div> <!-- end .content -->
                                    <!--<div class="product-label"><span>Sale</span></div>-->
                                    <!--<a href="" class="button">Add to Cart</a>-->
                                </div> <!-- end .product -->
                            </div> <!-- end .col-sm-6 -->
                            <div class="col-sm-4">
                                <div class="product">
                                    <img src="images/fan.jpg" alt="image" class="img-responsive" style="height: 229px">
                                    <div class="overlay"></div>
                                    <div class="content">
                                        <h3 style="font-family: 'MS Gothic'"><a href=""></a><strong>孟东东</strong></h3>
                                        <p style="font-family: 'MS Gothic'"><strong>24岁 <span>上海</span></strong></p>
                                    </div> <!-- end .content -->
                                    <!--<div class="product-label"><span>Sale</span></div>-->
                                    <!--<a href="" class="button">Add to Cart</a>-->
                                </div> <!-- end .product -->
                            </div> <!-- end .col-sm-6 -->
                            <div class="col-sm-4">
                                <div class="product">
                                    <img src="images/avatar01.jpg" alt="image" class="img-responsive"
                                         style="height: 229px">
                                    <div class="overlay"></div>
                                    <div class="content">
                                        <h3 style="font-family: 'MS Gothic'"><a href=""></a><strong>孟东东</strong></h3>
                                        <p style="font-family: 'MS Gothic'"><strong>24岁 <span>上海</span></strong></p>
                                    </div> <!-- end .content -->
                                    <!--<div class="product-label"><span>Sale</span></div>-->
                                    <!--<a href="" class="button">Add to Cart</a>-->
                                </div> <!-- end .product -->
                            </div> <!-- end .col-sm-6 -->

                        </div> <!-- end .row --></div> <!-- end .col-md-8 -->
                </div> <!-- end .row -->
                <div class="text-center">
                    <a href="" id="products-load-more" class="button">更多</a>
                </div> <!-- end .blog-load-more -->
            </div> <!-- end .box -->
        </div> <!-- end .container -->
    </div> <!-- end .inner -->
</div> <!-- end .section -->

<footer class="footer">
    <div class="top">
        <div class="text-center">
            <div class="logo"><a href="index"><img src="images/logo.png" alt="ExploreCity" class="img-responsive"></a>
            </div> <!-- end .logo -->
        </div> <!-- end .left -->
        <!--<div class="social-icons">
            <a href=""><i class="pe-so-facebook"></i></a>
            <a href=""><i class="pe-so-twitter"></i></a>
            <a href=""><i class="pe-so-vimeo"></i></a>
            <a href=""><i class="pe-so-tripadvisor"></i></a>
            <a href=""><i class="pe-so-instagram"></i></a>
            <a href=""><i class="pe-so-google-plus"></i></a>
        </div>-->
        <!--<div class="right">Proudly Made in Viet Nam<a href="">+84 968796789</a></div> &lt;!&ndash; end .left &ndash;&gt;-->
    </div> <!-- end .top -->
    <div class="bottom">Copyright &copy; 2018.Company name All rights reserved.<a target="_blank"
                                                                                  href="index">UGOOD</a>
    </div>
</footer> <!-- end .footer -->

<div class="login-wrapper">
    <div class="login">
        <form>
            <div class="form-group">
                <input type="text" placeholder="用户名" style="font-family: 'MS Gothic'">
            </div> <!-- end .form-group -->
            <div class="form-group">
                <input type="text" placeholder="密码 *" style="font-family: 'MS Gothic'">
            </div> <!-- end .form-group -->
            <div class="clearfix">
                <div class="checkbox">
                    <label style="font-family: 'MS Gothic'">
                        <input type="checkbox"> 记住账号
                    </label>
                </div>
                <a href="" class="lost-password" style="font-family: 'MS Gothic'">忘记密码 ?</a>
            </div> <!-- end .clearfix -->
            <div class="button-wrapper"><!--<button type="submit" ></button>--><a href="" class="" style=""><img
                    src="images/login.png" alt="login"></a></div>
            <div class="text-center" style="font-family: 'MS Gothic'">
                <p>还没有密码 ? <a href="" class="signup-open">注册</a></p>
                <!--<div class="social">
                    <p>Connect with Social Networks</p>
                    <a href=""><img src="images/facebook.png" alt="facebook"></a>
                    <a href=""><img src="images/twitter.png" alt="twitter"></a>
                    <a href=""><img src="images/google-plus.png" alt="google plus"></a>
                </div> &lt;!&ndash; end .social &ndash;&gt;-->
            </div>
        </form>
    </div> <!-- end .login -->
</div> <!-- end .login-wrapper -->
<div class="signup-wrapper">
    <div class="signup">
        <form>
            <div class="form-group">
                <input type="text" placeholder="用户名" style="font-family: 'MS Gothic'">
            </div> <!-- end .form-group -->
            <div class="form-group">
                <input type="email" placeholder="手机/邮箱">
            </div> <!-- end .form-group -->
            <div class="text-center">
                <p>密码将发送到你的手机/邮箱.</p>
            </div> <!-- end .text-center -->
            <div class="button-wrapper">
                <button type="submit" class="button">注册</button>
            </div>
            <div class="text-center">
                <p>已经有账户了吗？<a href="" class="login-open">登录</a></p>
                <!--<div class="social">
                    <p>Connect with Social Networks</p>
                    <a href=""><img src="images/facebook.png" alt="facebook"></a>
                    <a href=""><img src="images/twitter.png" alt="twitter"></a>
                    <a href=""><img src="images/google-plus.png" alt="google plus"></a>
                </div> &lt;!&ndash; end .social &ndash;&gt;-->
            </div>
        </form>
    </div> <!-- end .signup -->
</div> <!-- end .signup-wrapper -->


<!-- jQuery -->
<script src="js/jquery-3.1.0.min.js"></script>
<!-- Bootstrap -->
<script src="js/bootstrap.min.js"></script>
<!-- rich marker -->
<!--<script src="js/richmarker.js"></script>-->
<!-- Owl Carousel -->
<script src="js/owl.carousel.min.js"></script>
<!-- Countdown -->
<script src="js/countdown.js"></script>
<!-- Sweet Alert -->
<script src="js/sweetalert.min.js"></script>
<!-- Nivo Lightbox -->
<script src="scripts/Nivo-Lightbox/nivo-lightbox.min.js"></script>
<!-- NoUISlider -->
<script src="js/jquery.nouislider.all.min.js"></script>
<!-- Scripts.js -->
<script src="js/scripts.js"></script>

<script src="js/distpicker.data.js"></script>
<script src="js/distpicker.js"></script>
<script src="js/main.js"></script>

</body>
</html>
